<template>
  <BaseSpace class="icon-text" is-vertical size="0">
    <BaseText
      size="1.6em"
      is-icon
      :name="icon"
      :badge="badge"
      :is-primary="isPrimary"
      v-bind="iconProps"
    ></BaseText>
    <BaseText size="sm" :is-primary="isPrimary" v-bind="textProps">{{
      text
    }}</BaseText>
  </BaseSpace>
</template>

<script setup>
defineProps({
  icon: String,
  badge: [Number, String],
  text: String,
  isPrimary: Boolean,
  iconProps: {
    type: Object,
    defualt() {
      return {};
    },
  },
  textProps: {
    type: Object,
    defualt() {
      return {};
    },
  },
});
</script>

<style lang="scss" scoped></style>
